<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title></title>
	
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link href="bootstrap.css" rel="stylesheet"/>  
	<link href="bootstrap-responsive.css" rel="stylesheet"/>  
	<link rel="stylesheet" href="main.css" />
	<link rel="stylesheet" href="buttons.css" />
	<link rel = "stylesheet" href = "index.css" />
	<script type="text/javascript" src = "jquery.js"></script>	
	<script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>
	<script type="text/javascript" src = "bootstrap.js"></script>
	<script type="text/javascript" src = "JS/tableNames.js"></script>	
		<script type="text/javascript" src = "raphelJS.js"></script>	
	
	
	<!--[if lt IE 9]>
		<script src="html5shiv.js"></script>
	<![endif]-->
	
</head>

<body>
	<div id = "wrap">
	
    <div class="navbar navbar-inverse navbar-fixed-top">
		<div class="navbar-inner">
		
			<!--nav collapse-->
			<div class="container-fluid"> 
				
				<!--Button on mobile and tablet-->
				<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button> <!--end of button-->
		  
		  <!--Logo-->
          <a class="brand" href="#"></a><!--end of logo-->
		  
		  <!--nav collapse-->
          <div class="nav-collapse collapse">
			
				<!-- LogIn to right-->
				<p class="navbar-text pull-right visible-desktop">
				  <a href="">Log in</a>
				</p><!--end of LogIn-->
				
				<!--navigation-->
				<ul class="nav">          		 

					<li class="active"><a href="#">Home</a></li>
					<li class="#"><a href="dashboard.html">Dashboard</a></li>
					<li class="#"><a href="#">Prices</a></li>
					<li class="#"><a href="#">About us</a></li>
					<li class="#"><a href="#">Contact Us</a></li>
					<li class="hidden-desktop"><a href="#">Log in</a></li>
				
				</ul><!--end of navigation-->
			</div>       
				
          </div><!--end of nav-collapse -->
        </div>
      </div>
	
	<!--body-->
	<div id = "body">
	
	<div id = "top">
			
		<div id = "words">
		
			
		
		</div>
		
		<div class = "pictureWrapper visible-desktop">
		<div id = "picture">
		</div>
		
		
	
		<div id = "picture">
		</div>
		
		

		<div id = "picture">
		</div>
	
		</div>
		
		<div id = "sign" class = "visible-desktop">
			<div class = "signUpButton">
			
				<button>Sign up</button>
			
			</div>
		</div>
		
	</div>
	<div id = "bottom">


	
	</div>
	
	</div><!--end of body-->
	
	
	</div>
	<!--footer-->
	<footer  class = "footer">
	</footer><!--end of footer-->

	
    
	

	
		
	

   
	



	
</body>
</html>